Skip to content

Add nosto skill — Nosto frontend JS APIs#245

Open
joseamijares wants to merge 1 commit intovercel-labs:mainfrom
joseamijares:add-nosto-skill
Open

Add nosto skill — Nosto frontend JS APIs#245
joseamijares wants to merge 1 commit intovercel-labs:mainfrom
joseamijares:add-nosto-skill

Conversation

@joseamijares
Copy link
Copy Markdown

Summary

Adds a new nosto skill covering Nosto's frontend JavaScript SDK and the @nosto/nosto-js package — initialization, session events, recommendation placements, customer/order tracking, and React/Next.js integration via @nosto/nosto-react.

Nosto is a widely-used e-commerce personalization platform; agents working on Shopify, BigCommerce, Magento, or headless storefronts often need to wire it up correctly, and the integration has a few non-obvious traps (Page Tagging vs Session API, attribution requiring two calls, PII rules around customer_reference) that this skill captures explicitly.

What's in the skill

SKILL.md (lean — triggers + the most common patterns inline) plus five reference files for progressive disclosure:

  • references/initialization.md — loaders, init() options, GDPR/consent gating, debug mode
  • references/session-events.md — full defaultSession chain, every view*, addOrder, setCustomer, cart updates
  • references/recommendations.mdsetPlacements, loadRecommendations, createRecommendationRequest, dynamic filtering, prerender/postrender callbacks
  • references/customer-search-experiments.md — customer identification rules, Nosto Search GraphQL, A/B testing surfaces
  • references/patterns-gotchas.md — SPA / React integration, multi-store, and the top 10 things developers get wrong

Structure mirrors react-best-practices and composition-patterns (frontmatter with name / description / license / metadata, plus a metadata.json with cited sources).

Sources

All content is synthesized from Nosto's official documentation:

Test plan

  • SKILL.md frontmatter has name + description and is loadable
  • Description includes explicit trigger phrases (nostojs, nosto-js, "Nosto recommendations", "Nosto session API")
  • All references/ are linked from SKILL.md (one level deep, per the repo's context-efficiency guidelines)
  • No PII or secrets in examples (customer_reference examples use UUIDs / hashed IDs)
  • Structure matches the precedent set by react-best-practices and composition-patterns

Reference for integrating Nosto's frontend SDK on a storefront. Covers
the legacy nostojs global, the @nosto/nosto-js npm package, and
@nosto/nosto-react.

SKILL.md is lean: triggers, the Page Tagging vs Session API choice,
and the most common patterns inline. Detailed material is split into
five reference files for progressive disclosure:

- references/initialization.md — loaders, init() options, consent gating
- references/session-events.md — defaultSession chain, viewX, addOrder
- references/recommendations.md — placements, dynamic filtering, callbacks
- references/customer-search-experiments.md — customer ID, GraphQL search
- references/patterns-gotchas.md — SPA, multi-store, common bugs

Sources: docs.nosto.com/techdocs and nosto.github.io/nosto-js.
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 30, 2026

@joseamijares is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant